/*Layout*/
html, body {
    height: 100%;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -52px;
}

.navbar-inner {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.footer, .push {
    height: 52px;
    text-align: center;
    font-size: smaller;
    clear: both;
}

.footer li {
    display: inline;
    margin-right: 20px;
}

#column_controls {
    width: 250px;
}

#gene_add_input {
    width: 180px;
}

#modal_browse_file {
    height: 500px;
    width: 800px;
}

#modal_search_file {
    height: 70%;
    width: 90%;
    top: 40%;
    left: 25%;
}

#progress {
    margin: 10px;
    width: 500px;
}

.btn-group {
    margin: 5px;
}

/*Sortable Control*/
.sortable_list ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sortable_list li {
    margin-left: 5px;
    width: 150px;
}

.item-remover {
    cursor: pointer;
}

#data_vis_tabs a {
    cursor: pointer;
}

/*Range Control*/
.ui-slider {
    width: 200px;
}

/* Overriding Bootstrap css style on spans */
#sliders_data span {
    float: none;
    margin-left: 0;
}

/*Visualization Colors*/
.homoz_del {
    fill: blue;
}

.hetez_del {
    fill: aqua;
}

.diploid {
    fill: #d3d3d3;
}

.gain {
    fill: #F57F94;
}

.amplification {
    fill: #dc143c;
}

.mutation {
    fill: #bdb76b;
}
